@import "bootstrap.css";
@import "animate.min.css";
@import "swiper.min.css";
@import "mobile_nav.css";
@import "../fonts/iconfont.css";

/***

====================================================================
	Reset
====================================================================

 ***/
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/
@font-face {
	font-family: Rubik;
	src: url(../fonts/Rubik-Regular.eot?#iefix);
	src: url(../fonts/Rubik-Regular.eot?#iefix) format("eot"), url(../fonts/Rubik-Regular.woff) format("woff"), url(../fonts/Rubik-Regular.woff2) format("woff2"), url(../fonts/Rubik-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Rubik-Light;
	src: url(../fonts/Rubik-Light.eot?#iefix);
	src: url(../fonts/Rubik-Light.eot?#iefix) format("eot"), url(../fonts/Rubik-Light.woff) format("woff"), url(../fonts/Rubik-Light.woff2) format("woff2"), url(../fonts/Rubik-Light.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Rubik-LightItalic;
	src: url(../fonts/Rubik-LightItalic.eot?#iefix);
	src: url(../fonts/Rubik-LightItalic.eot?#iefix) format("eot"), url(../fonts/Rubik-LightItalic.woff) format("woff"), url(../fonts/Rubik-LightItalic.woff2) format("woff2"), url(../fonts/Rubik-LightItalic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Rubik;
	src: url(../fonts/Rubik-Bold.eot?#iefix);
	src: url(../fonts/Rubik-Bold.eot?#iefix) format("eot"), url(../fonts/Rubik-Bold.woff) format("woff"), url(../fonts/Rubik-Bold.woff2) format("woff2"), url(../Fonts/Rubik-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}


body {
	font-family: Rubik, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

html,
body {
	position: relative;
	height: 100%;
	font-family: Rubik, Helvetica, sans-serif;
}

a {
	font-family: Rubik, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #443f45;
}

a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	margin: 0;
	background: none;
	line-height: 1.6em;
	font-family: Rubik, Helvetica, sans-serif;
}

input,
button,
select,
textarea {
	font-weight: 100;
}

p {
	position: relative;
	line-height: 1.7em;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

input::-webkit-input-placeholder {
	color: #999;
}

hr {
	border-top: 1px #ccc solid;
}

img {
	max-width: 100%;
	pointer-events: none;
}


.clearfix {
	clear: both;
	*zoom: 1
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
}
.min-200{
	min-height:184px;
}
.min-350{
	min-height:350px;
}
.margin_30{
	margin:30px 0;
}


.transition,
.transition a {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.paddZero {
	margin: 0 !important;
	padding: 0 !important;
}


.box_vertical {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
}

.box_horizontal {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
}

.box-align-left {
	-webkit-box-align: left;
}

.box-align-center {
	-webkit-box-align: center;
}

.box-align-right {
	-webkit-box-align: right;
}



/*  web style css */


.toolbar-nav {
	padding: 0 30px;
	height: 35px;
	position: relative;
	background: #fafafa;
	z-index: 10005;
	border-bottom: 1px #eaeaea solid;
}




.toolbar-nav-box {
	position: relative;
	z-index: 100006;
	line-height: 35px;
	text-align: right;
}

.toolbar-nav-box a,
.toolbar-nav-box a:visited {
	display: inline-block;
	margin: 0 0 0 20px;
	color: #000;
	font-size: 13px;
}

.language {
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	color: #000;
	font-size: 13px;
	cursor: pointer;
}

.language>div {
	position: absolute;
	padding: 10px 0;
	left: 0;
	top: 35px;
	width: 100px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	z-index: 1000000;
	display: none;
}

.language:hover>div {
	display: block;
}

.language>div a,
.language>div a:visited {
	padding: 0 10px;
	margin: 0;
	text-align: left;
	display: block;
	color: #000
}

.language>div a:hover {
	color: #2653a4;
}

.head_fixed {
	position: fixed;
	padding: 0 15px;
	z-index: 100000;
	width: 100%;
	left:0;
	top:0;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.headPart {
	height: 90px;
}

.logo {
	margin: 20px 0;
	width: 200px;
	height: 50px;
	background: url(../images/logo_depom.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	display: inline-block;
	float: left;
}



.menuPart {
	position: inherit;
	
}

.menuPart li {
	display: inline-block;
	margin: 0 10px;
	letter-spacing: 1px;
	position:relative;
	vertical-align:top;
	
}

.menuPart li:nth-child(10){
	margin: 0 0 0 15px;
}

.menuPart li:nth-child(9){
	padding:0 0 0 25px;
	margin: 0 0 0 25px;
	border-left:1px #ccc solid;
	overflow:hidden;
	height:90px;
	
}



.menuPart li a {
	color: #000;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	line-height: 89px;
}

.menuPart li a i {
	left: 50%;
	position: absolute;
	width: 0;
	height: 2px;
	background: #2653a4;
	top: 30px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.menuPart li a:hover i,
.menuPart li .active i {
	left: 0;
	width: 100% !important;
}


.menuPart li a:hover,
.menuPart li .active {
	color: #2653a4;
}

.menuPart li>div {
	position: absolute;
	left: 0 !important;
	top: 90px;
	width:200px;
	padding: 5px 0;
	background: #fafafa;
	text-align: left;
	z-index:100000001;
}

.menuPart li>div a {
	position: relative;	
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	line-height: normal !important;
	color: #666;
	font-size: 14px;
	height: 30px;
	padding: 0 20px;
	display:block;
	font-weight:normal;
	line-height:30px !important;
}
.menuPart li>div a:hover{
	background:#0e4493;
	color:#fff;
}
.menuPart li:nth-child(3){
	position:static !important;
}
.menuPart li:nth-child(3)>div{
	width:100% !important;	
}
.menuPart li:nth-child(6)>div{
	width:260px !important;	
}

.menuPart li:nth-child(4)>div{
	width:300px !important;	
}

.subTwo{
	padding:20px 1% 20px 15%;
	width:40%;
	background:#fff;
	float:left;
}
.subTwo a{
	display:block;
	text-align:left;
	text-transform:uppercase;
}
.subTwo a span{
	float:right;
	font-size:12px;
}
.subTwo a:hover{
	background:#fff !important;
	color:#0e4493 !important;
}
.subThreeCon{
	padding:20px 10% 20px 3%;
	width:60%;
	float:left;
}
.subThreeCon>div{
	display:none;
	text-align:left;
}
.subThreeCon>div h2{
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	text-transform:uppercase;
}
.subThreeCon>div a{
	padding:5px 0 !important;
	float:left;
	width:33.33%;
	background:#fafafa;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.subThreeCon>div a:hover{
	background:#fafafa !important;
	color:#0e4493 !important;
}

.head_free_btn a {
	display: inline-block;
	border-radius: 30px;
	color: #fff !important;
	background: #ffbf00;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.head_free_btn a:hover {
	color: #fff !important;
	background: #eead00;
}


.search-bar{
	padding:15px 30px;
	background:#eaeaea;
	font-size:24px;
}
.search-box{
	padding:80px 0;
	position:relative;
}
.searchInput{
	border:1px #eaeaea solid;
	background:#fff;
	padding:10px 15px;
	width:100%;
}
.searchBtn{
	width:30px;
	height:30px;
	background:#fff;
	
}
.search-box>div{
	position:absolute;
	right:10px;
	top:83px;
}
.search-box>div button{
	background:#fff;
}

.bannerPart {
	z-index: 10000;
	height: 600px;
}

.bannerPart .swiper-container {
	display: block;
	height: 100%;
}

.bannerPart .swiper-button-next,
.bannerPart .swiper-button-prev {
	color: rgba(255, 255, 255, .5) !important;
	display: none !important;
}

.bannerPart .swiper-button-next:hover,
.bannerPart .swiper-button-prev:hover {
	color: rgba(255, 255, 255, 1) !important;
}


.bannerPart .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}

.bannerPart .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: rgba(255, 255, 255, .5);
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

.bannerPart .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1);
	width: 30px;
}

.banner_ani {
	background-size: cover;
}

.banner_text {
	margin: 0 0 0 50px;
	width: 40%;
	position: relative;
}


.banner_ani h2 {
	color: #fff;
	font-size: 42px;
	font-weight: 500;
	line-height: 60px;
}

.banner_ani .banner_shorttext {
	padding: 25px 0;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}

.banner_ani .banner_btn {
	padding: 10px 30px;
	display: inline-block;
	background: #ffbf00;
	color: #fff;
	font-size:18px;
	font-weight:bold;
}

.banner_ani .banner_btn:hover {
	background: #fff;
	color: #000;
}

.depom_introduce {
	padding: 0 0 0 30px;
}

.depom_introduce h2 {
	margin: 15px 0;
	font-size: 28px;
	color: #333;
	font-weight:bold;
}

.depom_introduce p {
	color: #666;
	text-align: justify;
}


.brand_home {
	padding: 60px 0;
	background: #eaeaea;
}

.depom_title {
	margin: 30px 0;
	padding-left: 20px;
	position: relative;
	font-size: 32px;
	color: #fff;
}

.depom_title::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 45px;
	width: 5px;
	background: #fff;
	content: '';
}

.depom_title_black {
	margin: 15px 0;
	padding-left: 20px;
	position: relative;
	font-size: 26px;
	color: #666;
	font-weight:600;
}

.depom_title_black::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
	width: 4px;
	background: #666;
	content: '';
}

.brand_list a {
	font-size: 18px;
	color: #fff;
}

.brand_list a p {
	padding: 20px;
	text-align: center;
}

.market_list {
	display: block;
	margin: 0 0 30px 0;
}

.market_list:hover .market_info {
	background: #005EB3;
	color: #fff;
}

.market_list:hover .dec {
	color: #fff;
}


.market_mask {
	height: 166px;
	overflow: hidden;
}

.market_mask img {
	max-width: 100%;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.market_mask:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.market_info {
	padding: 15px;
	background: #eaeaea;
	border-top: 3px solid #005EB3;
}

.market_info .name {
	font-size: 20px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.market_info .dec {
	font-size: 14px;
	color: #666;
	height: 80px;
	overflow: hidden;
	line-height: 20px;
}

.product_top_con {
	position: relative;
}

.product_top a {
	display: block;
}

.product_top a p {
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
}

.product_top .swiper-pagination-bullet {
	background: #fff !important;
}

.product_top .swiper-button-next,
.product_top .swiper-button-prev {
	display: none !important;
}

.product-top-next,
.product-top-prev {
	position: absolute;
	cursor: pointer;
}

.industries_home {
	position: relative;
}

.product-top-next span,
.product-top-prev span {
	color: rgba(0, 0, 0, .5);
	font-size: 48px;
	font-weight: 100;
}

.product-top-next span:hover,
.product-top-prev span:hover {
	color: rgba(0, 0, 0, 1);
}

.product-top-next {
	left: -70px;
	top: 40%;
}

.product-top-prev {
	right: -70px;
	top: 40%;
}





.footer {
	padding: 80px 50px 50px 80px;
	background: #fafafa;
}

.footer_left,
.footer_center,
.footer_right {
	float: left;
	color: #fff;
}

.sns-icon a span{
	margin:0 3px;
	display:inline-block;
	font-size:24px;
	color:#666;
}

.footer_left {
	padding: 50px 0 0 0;
	width: 30%;
	background: url(../images/footer_logo.png) no-repeat;
}

.footer_tel {
	padding: 0 0 0 70px;
	color: #666;
	background: url(../images/icon_tel.png) no-repeat 0 center;
}

.footer_tel span {
	display: block;
	font-size: 24px;
}

.footer_text {
	list-style: none;
	display: block;
	padding: 10px 0;
	color: #666;
	font-size: 12px;
}

.footer_text li {
	padding: 0;
}

.footer_text li span {
	display: inline-block;
	margin-right: 5px;
	font-size:30px;
	vertical-align:middle;
}



.footer_center {	
	width: 55%;
}

.footer_nav {
	display: block;
	padding: 0;
	/* padding: 0 1%; */
}

.footer_nav li {
	float: left;
	width: 25%;
	/* width: 14%; */
	font-size: 15px;
}

.footer_nav li h2 {
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	color: #333;
	font-size: 14px;
	font-weight: 600;
}

.footer_nav li h2::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 60%;
	height: 1px;
	background: #ccc;
	z-index: 1;
}

.footer_nav li h2::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 35%;
	height: 1px;
	background: #0e4493;
	z-index: 2;
}

.footer_nav li a:link,
.footer_nav li a:visited {
	padding: 4px 0;
	display: block;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 0;
}

.footer_right {
	width: 12%;
}

.foot_wechat {
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
	color:#000;
}

.foot_wechat span {
	margin: 0 5px 0 0;
	display: inline-block;
}

.footer_copy {
	padding: 15px 100px;
	background: #585858;
	font-size: 12px;
	color: #acadaf;
	text-align:center;
}

.footer_copy a:link,
.footer_copy a:visited {
	display: inline-block;
	margin: 0 10px;
	color: #acadaf;
}


#pageTop {
	position: fixed;
	bottom: 0px;
	right: 0;
	width: 50px;
	height: 50px;
	background: #000;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	opacity: 0;
}

#pageTop span {
	color: rgba(255, 255, 255, .5);
	font-size: 30px;
}

#pageTop:hover span {
	color: rgba(255, 255, 255, 1);
}

.request_form {
	padding: 30px 30px 0 30px;
	color: #666;
}

.request_form h2 {
	font-size: 22px;
	text-align: center;
	line-height: 30px;
	color: #333;
	font-weight: 600;
}

.request_form input,
.request_form textarea {
	margin: 0 0 20px 0;
	width: 100%;
	border: 1px #ccc solid;
	padding: 5px;
	font-size: 14px;
}

.request_btn {
	padding: 15px 50px !important;
	display: inline-block;
	border-radius: 30px;
	border: none !important;
	background: #005EB3;
	font-weight: 800;
	font-size: 30px;
	color: #fff;
	width: auto !important;
	letter-spacing: 2px;
}

.back_btn {
	padding: 10px 50px !important;
	display: inline-block;
	border-radius: 30px;
	background: #c13420;
	border:1px #c13420 solid;
	font-weight: 800;
	font-size: 20px;
	color: #fff;
	width: auto !important;
	letter-spacing: 2px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}



.back_btn:hover {
	border:1px #c13420 solid;
	color: #c13420;
	background: #fff;
}

/* crumbs */
.crumbs {
	position: relative;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #000;
	z-index: 10000;
	overflow: hidden;
	border-bottom: 1px #eaeaea solid;
	color: #666;
	background: #fafafa;
}


.crumbs a,
.crumbs a:visited {
	margin: 0 5px 0 0;
	display: inline-block;
	color: #fff;
	display: inline-block
}

.crumbs a:link,
.crumbs a:visited {
	color: #666;
}

.crumbs a::after {
	margin: 0 10px;
	display: inline-block;
	content: "/";
	color: #ccc;
}


.blank-10 {
	height: 10px;
}

.blank-20 {
	height: 20px;
}

.blank-30 {
	height: 30px;
}

.blank-40 {
	height: 40px;
}

.blank-50 {
	height: 50px;
}

.blank-60 {
	height: 60px;
}

.blank-70 {
	height: 70px;
}

.blank-80 {
	height: 80px;
}

.blank-90 {
	height: 90px;
}
.blank-100 {
	height: 100px;
}


.banner_inner {
	position: relative;
	min-height: 300px;
	background: url(../images/banner_inner.jpg) no-repeat center 0;
	background-size: cover;
}
.banner-about {
	position: relative;
	min-height: 300px;
	background: url(../images/banner_about.jpg) no-repeat center 0 !important;
	background-size: cover;
}

.banner-contact {
	position: relative;
	min-height: 300px;
	background: url(../images/banner_contact.jpg) no-repeat center 0 !important;
	background-size: cover;
}

.banner-news {
	position: relative;
	min-height: 300px;
	background: url(../images/banner_news.jpg) no-repeat center 0 !important;
	background-size: cover;
}

.banner-job {
	position: relative;
	min-height: 300px;
	background: url(../images/banner_job.jpg) no-repeat center 0 !important;
	background-size: cover;
}

.banner_inner .container {
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -570px;
}

.depom_position {
	padding: 0 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 60px;
	width: 300px;
	background: rgba(14, 68, 147, 1);
	font-size: 20px;
	color: #fff;
	font-weight: 100;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.leftBar,
.rightBar {
	float: left;
}

.leftBar {
	width: 300px;
}

.rightBar {
	width: calc(100% - 350px);
	float: right !important;
}

.leftMenu a,
.leftMenu a:visited {
	position: relative;
	margin: 10px 0;
	padding: 10px 10px;
	display: block;
	border-bottom: 1px #ccc dotted;
	color: #666;
}

.leftMenu a::after {
	position: absolute;
	right: 10px;
	top: 50%;
	content: '>';
	color: #999;
	margin-top: -10px;
}

.leftMenu a:hover {
	background: #666;
	border-bottom: 1px #666 dotted;
	color: #fff;
}

.leftMenu .active {
	background: #666;
	border-bottom: 1px #666 dotted !important;
	color: #fff !important;
}

.leftMenu .active::after,
.leftMenu a:hover::after {
	color: #fff !important;
}

.depom_con {
	padding: 60px 0;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	font-family: Rubik-Light;
}

.depom_con table {
	width: 100%;
	font-size: 16px;
}

.depom_con table td {
	padding: 5px;
	border: 1px #ccc solid;
}

.depom_con p {
	
	text-align: justify;
}

.depom_con h3 {
	margin: 15px 0;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.depom_con h2 {
	font-size: 32px;
	color: #000;
	font-weight: bold;
}

.title-small{
	margin-top:20px;
	padding:10px 15px;
	border-left:5px #333 solid;
	background:#eaeaea;
	font-weight:bold;
	font-size:18px;
}

.collect_bar {
	margin: 30px 0;
	padding: 30px 0 60px 0;
	border-bottom: 1px #ccc solid;
}

.collect_bar .collect_text {
	float: left;
	width: 50%;
	min-height: 295px;
}

.collect_bar .collect_text h2 {
	font-size: 30px !important;
	color: #000;
	font-weight: 600;
}

.collect_bar .collect_text p {
	padding: 10px 0;
	color: #666;
	font-size: 18px;
	text-align: justify;
}

.collect_bar .collect_text a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: #337ab7;
}

.collect_bar .collect_pic {
	float: right;
	width: 46%;
}

.collect_bar .collect_pic a {
	display: block;
}

.menuSon {
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	text-align: center;
}

.menuSon a,
.menuSon a:visited {
	line-height: 45px;
	margin: 10px 5px;
	padding: 0 15px;
	display: inline-block;
	font-size: 18px;
}

.menuSon a:hover,
.menuSon .active {
	background: rgba(14, 68, 147, 1);
	color: #fff !important;
}

.pic_text .pic,
.pic_text .text,
.text_pic .pic,
.text_pic .text {
	float: left;
}

.pic_text .pic {
	position: relative;
	width: 40%;
	max-width: 100%;
}



.pic_text .text {
	margin: 0 0 0 5%;
	width: 55%;
	text-align: left;
	color: #666;
}


.text_pic .pic {
	width: 40%;
}

.text_pic .text {
	margin: 0 5% 0 0;
	width: 55%;
	text-align: left;
	color: #666;
}






.min-338 {
	min-height: 338px;
}

.dot_list {
	list-style: none;
}

.dot_list li {
	padding-left: 30px;
	display: block;
	margin: 20px 0;
	position: relative;
}

.dot_list li::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '●';
	color: #666;
}

.product_box {
	margin: 15px 0;
	padding: 15px;
	border: 1px #ccc solid;
	background: #fff;
}

.product_box .pic {
	height: 220px;
	text-align: center;
	overflow: hidden;
}

.product_box a .name {
	padding: 10px 0;
	margin: 10px 0;
	font-weight: bold;
	border-bottom: 1px #999 solid;
	font-size: 20px;
}

.product_box a .dec {
	margin: 10px 0;
	font-family: Rubik-Light;
	font-size: 18px;
	color: #666;
}

.app_indus {
	font-family: Rubik-Light;
	font-size: 18px;
	color: #666;
	cursor: pointer;
}

.app_indus span {
	margin: 0 0 0 15px;
	font-size: 24px;
	color: #000;
	vertical-align: middle;
}

.app_indus_con {
	display: none;
	font-size: 14px;
}

.app_indus_con h4 {
	font-size: 14px;
	font-weight: bold;
}

.app_indus_con a {
	margin: 10px 0;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: underline;
}

.products_detailed_banner {
	background: #eaeaea;
}

.products_detailed_ad {
	min-height: 500px;
}

.products_detailed_ad>div {
	width: 50%;
}

.products_detailed_ad>div h2 {
	font-size: 48px;
	font-weight: 600;
}

.product_attribute {
	position: relative;
	background: #005EB3;
	text-align: center;
}

.product_attribute a,
.product_attribute_fixed a {
	display: inline-block;
	margin: 0 25px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
}

.product_attribute_fixed {
	position: fixed !important;
	width: 100% !important;
	z-index: 10000;
	left: 0;
	top: 90px;
	background: #005EB3;
	text-align: center;
}

.detailed_con_dec {
	margin: 30px 0;
}

.detailed_con_dec>div {
	float: left;
	width: 50%;
}

.bg_gray {
	padding: 30px 0;
	background: #eaeaea;
}

.download {
	margin: 15px 0;
}

.download a {
	display: block;
	text-align: center;
}

.download a img {
	margin: 0 auto;
	border: 1px #ddd solid;
	padding: 10px;
	background: #fff;
}

.download a .name {
	padding: 15px 0;
	line-height: 24px;
	font-size: 16px;
	font-family: Rubik-Light;
	color: #666;
}

.download a .btn {
	border: 1px #ddd solid;
}

.download a .btn span {
	display: inline-block;
	margin: 0 10px;
	font-size: 20px;
}

.download a:hover .btn {
	background: #005EB3;
	border: 1px #005EB3 solid;
	color: #fff;
}


.video_product {
	margin: 15px 0;
	cursor: pointer;
}

.video_product .video_img {
	position: relative;
	padding: 10px;
	border: 1px #ccc solid;
	background: #fff;
	width: 100%;
	overflow: hidden;
}

.video_product .video_img .video_thub {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.video_product .video_img .video_thub img {
	max-width: 100%;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.video_product:hover .video_img .video_thub img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}



.video_img .mask {
	position: absolute;
	left: 10px;
	top: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: center;
	opacity: 0;
	z-index: 10000;
}

.video_img .mask span {
	font-size: 48px;
}

.video_img:hover .mask {
	opacity: 1;
}

.video_product .name {
	padding: 15px 0;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}

.video_product .date {
	padding: 15px 0;
	line-height: 24px;
	font-size: 16px;
	font-family: Rubik-Light;
	color: #666;
}




.news_list {
	margin: 15px 0;
	cursor: pointer;
}

.news_list .video_img {
	position: relative;
	padding: 10px;
	border: 1px #ccc solid;
	background: #fff;
	width: 100%;
	overflow: hidden;
}

.news_list .video_img .video_thub {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.news_list .video_img .video_thub img {
	max-width: 100%;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.news_list:hover .video_img .video_thub img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}


.news_list .name {
	padding: 15px 0 0 0;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}

.news_list .case-name {
	display:block;
	padding: 15px 0;
	line-height: 30px;
	font-size: 18px;
	color: #666;
	height:80px;
	overflow:hidden;
	font-weight:bold;
}

.news_list .date {
	padding: 15px 0 0 0;
	line-height: 24px;
	font-size: 14px;
	font-family: Rubik-Light;
	color: #666;
}
.case-desc{
	padding:30px 0;
}

.case-desc .case-shortitle{
	padding:10px 15px;
	background:#666;
	font-weight:bold;
	font-size:20px;
	color:#fff;
}

.case-desc .case-item{
	display:block;
	list-style:none;
}
.case-desc .case-item li{
	padding:15px 0;
	border-bottom:1px #eaeaea solid;
	color:#666;
	font-size:16px;
}
.case-desc .case-item li label{
	display:inline-block;
	width:130px;
	padding:0 15px;
	font-weight:bold;
	color:#333;
	vertical-align:top;
}

.event_list {
	list-style: none;
}

.event_list li {
	margin: 30px 0;
	padding: 30px 0;
	border-bottom: 1px #ccc solid;
	display: block;
	font-size: 18px;
}

.event_list li>div {
	float: left;
	position: relative;
}

.event_list li>div:nth-child(1) {
	width: 25%;
	font-size: 24px;
	color: rgba(14, 68, 147, 1);
}

.event_list li>div:nth-child(1)::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 1px;
	min-height: 180px;
	background: #eaeaea;
}

.event_list li>div:nth-child(2) {
	margin: 0 0 0 5%;
	width: 70%;
}

.event_id {
	color: #000;
	font-size: 24px;
	font-weight: bold;
}

.event_info {
	color: #666;
}

.event_text {
	padding: 15px 0;
	color: #666;
}

.event_date {
	padding: 7px 30px;
	border: 1px #ccc solid;
	border-radius: 30px;
	display: inline-block;
	font-size: 16px;
	background: #fafafa;
}

.event_dec {
	margin: 15px 0;
}

.event_info a,
.event_info a:visited {
	color: blue;
	text-decoration: underline;
}

.leftBox {
	float: left;
	display:none;
}

.rightBox {
	float: right;
}

.leftBox {
	padding: 30px 0;
	width: 260px;
	background: #fff;
	border-right: 1px #eaeaea solid;
}

.leftBox ul {
	list-style: none;
}

.leftBox ul li {
	padding: 10px 0;
	display: block;
	border-bottom: 1px #eaeaea solid;
	position: relative;
}

.leftBox ul li>a {
	display: block;
	padding: 5px 15px;
	font-size: 16px;
	color: #666;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.leftBox ul li>a span {
	font-size: 12px;
}

.leftBox ul li>a:hover,
.leftBox ul li .active {
	color: rgba(14, 68, 147, 1) !important;
}


.leftSubmenu {
	display: none;
	padding: 0 15px 0 40px;
}

.leftSubmenu a {
	margin: 5px 0;
	padding: 0;
	display: block;
}

.leftBox ul li .active .leftSubmenu {
	display: block !important;
}


.rightBox {
	width: 100%;
	/* width: calc(100% - 330px); */
}

#Features,
#Applications,
#Videos {
	padding: 0 50px !important;
}

.culture-box{
	margin:20px 0;
	padding:20px;
	border:1px #ddd solid;
transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.culture-box:hover{
	border:1px #999 solid;
	background:#eaeaea;
}
.culture-box h2{
	font-size:28px;
}
.culture-box p{
	font-size:18px;
}

.job-border {
		padding: 2px;
		border: 1px #ddd solid;
	}

	.job-border .txt {
		padding: 15px;
		color: #666;
		height: 150px;
	}

.job-text{
	font-size:18px;
	font-weight:bold;
}
.job-text p{
	margin-bottom:10px;
}

.job-bg {
		background: #fff;
	}

	.jobTit {
		padding: 20px;
		border-bottom: 1px #ddd solid;
		font-weight:bold;
	}

	.jobList {
		margin: 0;
		padding: 16px 20px;
		list-style: none;
		border-bottom: 1px #ddd solid;
	}

	.jobList li {
		display: inline-block;
		float: left;
		color: #555;
		line-height:50px;

	}

	.jobList li:nth-child(1){
		width: 30%;
	}
	.jobList li:nth-child(2) {
		width: 20%;
	}

	.jobList li:nth-child(3) {
		width: 20%;
	}

	.jobList li:nth-child(4) {
		width: 20%;
	}

	.jobList li:nth-child(5) {
		width: 10%;
		text-align: center;
	}

	.jobList li:nth-child(5) span {
		display: inline-block;
		width: 30px;
		cursor: pointer;
		text-align: center;
	}

	.jobInfo {
		margin: 20px 0;
		display: none;
		color: #888;
	}

.bg-gray {
	background: #f3f3f3;
}

.job-btn{
	display:inline-block;
	border:1px #c13420 solid;
	padding:5px 20px;
	border-radius:8px;
	margin:0;
	line-height:20px;
	background:#c13420;
	color:#fff;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.job-btn:hover{
	border:1px #c13420 solid;
	background:#fff;
	color:#c13420;
}

.job-table table tr td,  .job-table table tr td p{
	padding:10px;
	font-size:16px;
	
}

/* 适配移动端 */
@media (max-width: 767px) {
	.toolbar-nav-box {
		position: absolute;
		left:0;
		top:0;
		width:100%;
		z-index: 10002;
		line-height: 35px;
		text-align: right;
		background:#fff;
		border-bottom:1px #ccc solid;
	}
	.head_fixed {
		max-height: 60px;
		z-index: 10001;
		
	}

	.logo {
		margin: 19px 0;
		width: 105px;
		height: 22px;
		background: url(../images/logo_est_2x.png) no-repeat;
		background-size: 105px 22px;
		overflow: hidden;
		text-indent: -999px;
		display: inline-block;
		float: left;
	}

	.m_menu {
		margin: 15px 0;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../images/menu_2x.png) no-repeat;
		background-size: 30px;
	}

	.app-hide-list i {
		margin-top: 5px;
		margin-right: 10px;
		font-size: 11px;
	}

	.app-hide-list {
		background: #f5f5f5;
		margin: 5px 0;
		color: #000;
	}

	.app-slide-menu .mdui-list-item-content {
		text-align: left;
		padding-left: .8em;
	}

	.app-collapse-menu {
		margin: 0 16px;
	}

	.app-list-home {
		padding: 0;
		margin: 5px 0 10px;
		background: #ffbf00;
	}

	.app-list-home:hover {
		background: #ffa21e;
	}

	.app-list-home i {
		margin-top: -3px;
		margin-right: 5px;
		color: #fff;
	}

	.app-list-home a {
		color: #fff;
	}

	.app-list-item-link {
		color: #fff;
		display: block;
		width: 100%;
		text-align: left;
	}

	.mdui-collapse-item-body .app-sub-list {
		padding: 0;
		margin: 8px;
		height: 30px;
		line-height: 30px;
		background: #fff;
	}

	.mdui-collapse-item-body .app-sub-list a {
		padding-left: 23px;
	}

	.app-collapse-list {
		margin: 10px 0;
	}

	.bannerPart {
		height: 240px;
	}

	.banner_ani {
		background-size: cover !important;
	}

	.banner_text {
		margin: 0 20px;
		width: 90%;
		position: relative;
	}


	.banner_ani h2 {
		color: #fff;
		font-size: 24px;
		font-weight: 500;
		line-height: 40px;
	}

	.banner_ani .banner_shorttext {
		padding: 25px 0;
		font-size: 14px;
		color: #fff;
		font-weight: 400;
	}

	.banner_ani .banner_btn {
		padding: 10px 30px;
		display: inline-block;
		background: #ffbf00;
		color: #fff;
	}

	.banner_ani .banner_btn:hover {
		background: #fff;
		color: #000;
	}

	.depom_introduce {
		padding: 0;
		min-height: 315px;
	}

	.depom_introduce h2 {
		margin: 15px 0;
		font-size: 24px;
		color: #333;
	}

	.depom_introduce p {
		color: #666;
		text-align: justify;
	}


	.brand_home {
		padding: 30px 0;
		background: #eaeaea;
	}
	
	
	.footer {
		padding: 40px 15px;
		background: #fafafa;
	}
	
	.footer_left {
		padding: 40px 0 0 0;
		width: 100%;
		background: url(../images/footer_logo.png) no-repeat center 0;
	}
	
	
	.footer_text {
		list-style: none;
		display: block;
		padding: 20px 0 0 0;
		color: #333;
		font-size: 14px;
	}

	.footer_text li {
	padding: 0;
}

	copy_left a:link,
	.copy_left a:visited {
		display: inline-block;
		margin: 0 10px;
		color: #acadaf;
	}

	.copy_left {
		float: auto;
		width:100%;
	}

	.copy_right {
		float: auto;
		width:100%;
	}

	.copy_right a:link,
	.copy_right a:visited {
		display: inline-block;
		margin: 0 5px;
		color: #acadaf;
	}

	.copy_right a span {
		font-size: 20px !important;
	}
	
	
	.depom_title {
		margin: 30px 0;
		padding-left: 20px;
		position: relative;
		font-size: 24px;
		color: #fff;
	}
	
	.depom_title::before {
		position: absolute;
		left: 0;
		top: 0;
		height: 30px;
		width: 5px;
		background: #fff;
		content: '';
	}
	
	.depom_title_black {
		margin: 30px 0;
		padding-left: 20px;
		position: relative;
		font-size: 24px;
		color: #666;
	}
	
	.depom_title_black::before {
		position: absolute;
		left: 0;
		top: 0;
		height: 30px;
		width: 5px;
		background: #666;
		content: '';
	}

	.product-top-next {
		display: none;
		left: -70px;
		top: 40%;
	}
	
	.product-top-prev {
		display: none;
		right: -70px;
		top: 40%;
	}
	
	.leftBox {
		float: left;
		display: none;
	}
	
	.rightBox {
		float: auto;
		width:100%;
	}
	
	.depom_con {
		padding: 30px 0;
		color: #666;
		font-size: 16px;
		font-weight: 500;
		font-family: Rubik-Light;
	}
	
	.depom_con table {
		width: 100%;
		font-size: 16px;
	}
	
	.depom_con table td {
		padding: 5px;
		border: 1px #ccc solid;
	}
	
	.depom_con p {
		margin: 20px 0;
		text-align: left;
	}
	
	.depom_con h3 {
		margin: 30px 0;
		font-size: 20px;
		color: #000;
		font-weight: bold;
	}
	
	.depom_con h2 {
		font-size: 24px;
		color: #000;
		font-weight: bold;
	}
	.case-desc .case-shortitle{
	padding:10px 15px;
	background:#666;
	font-weight:bold;
	font-size:16px;
	color:#fff;
}
.case-desc .case-item li{
	padding:15px 0;
	border-bottom:1px #eaeaea solid;
	color:#666;
	font-size:14px;
}
	
	.pic_text .pic,
	.pic_text .text,
	.text_pic .pic,
	.text_pic .text {
		float: auto;
	}
	
	.pic_text .pic {
		position: relative;
		width: 100%;
		max-width: 100%;
	}
	
	
	
	.pic_text .text {
		margin: 0;
		width: 100%;
		text-align: left;
		color: #666;
	}
	
	
	.text_pic .pic {
		width: 100%;
	}
	
	.text_pic .text {
		margin: 0 ;
		width: 100%;
		text-align: left;
		color: #666;
	}


	.footer_right {
	margin:0 20%;
	width: 60%;
}


}

/* ipad */
@media (min-width: 768px) and (max-width: 991px) {
	.head_fixed {
		max-height: 60px;
		z-index: 1800;
	}

	.logo {
		margin: 16px 0;
		width: 194px;
		height: 27px;
		background: url(../images/logo_est_2x.png) no-repeat;
		background-size: 194px 27px;
		overflow: hidden;
		text-indent: -999px;
		display: inline-block;
		float: left;
	}

	.m_menu {
		margin: 15px 0;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../images/menu_2x.png) no-repeat;
		background-size: 30px;
	}

	.app-hide-list i {
		margin-top: 5px;
		margin-right: 10px;
		font-size: 11px;
	}

	.app-hide-list {
		background: #f5f5f5;
		margin: 5px 0;
		color: #000;
	}

	.app-slide-menu .mdui-list-item-content {
		text-align: left;
		padding-left: .8em;
	}

	.app-collapse-menu {
		margin: 0 16px;
	}

	.app-list-home {
		padding: 0;
		margin: 5px 0 10px;
		background: #d00;
	}

	.app-list-home:hover {
		background: #ffa21e;
	}

	.app-list-home i {
		margin-top: -3px;
		margin-right: 5px;
		color: #fff;
	}

	.app-list-home a {
		color: #fff;
	}

	.app-list-item-link {
		color: #fff;
		display: block;
		width: 100%;
		text-align: left;
	}

	.mdui-collapse-item-body .app-sub-list {
		padding: 0;
		margin: 8px;
		height: 30px;
		line-height: 30px;
		background: #fff;
	}

	.mdui-collapse-item-body .app-sub-list a {
		padding-left: 23px;
	}

	.app-collapse-list {
		margin: 10px 0;
	}

	.bannerPart {
		height: 400px;
	}

	.pagination {
		margin: 0 !important;
	}


}